<template>
  <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4 py-4">
    <MovieCard 
      v-for="movie in movies" 
      :key="movie.id" 
      :movie="movie"
    />
  </div>
</template>

<script setup>
import MovieCard from './MovieCard.vue'

defineProps({
  movies: {
    type: Array,
    default: () => []
  }
})
</script> 